<template>
    <view class="operate">
        <template v-if="activeId === 14">
            <view class="operate-item">
                <button class="btn-primary btn-large btn-square plain">开启五福临门(588元)</button>
            </view>
            <view class="operate-item">
                <button class="btn-primary btn-large btn-square plain">开启才高八斗(888元)</button>
            </view>
            <view class="operate-item">
                <button class="btn-primary btn-large btn-square plain">开启一诺千金(1888元)</button>
            </view>
        </template>
        <template v-if="activeId === 15">
            <view class="operate-item">
                <button class="btn-primary btn-large btn-square plain">开启钻石宝箱(888元)</button>
            </view>
            <view class="operate-item">
                <button class="btn-primary btn-large btn-square plain">开启铂金宝箱(588元)</button>
            </view>
            <view class="operate-item">
                <button class="btn-primary btn-large btn-square plain">开启金宝箱(388元)</button>
            </view>
            <view class="operate-item">
                <button class="btn-primary btn-large btn-square plain">开启银宝箱(288元)</button>
            </view>
        </template>
    </view>
</template>
<script>
export default {
    props: ["activeId"]
}
</script>
<style lang="scss" scoped>
.operate {
    margin: 30rpx 30rpx 80rpx 30rpx;
    &-item {
        display: flex;
        justify-content: center;
        .btn-primary {
            background: transparent;
            border-color: #fff;
            color: #fff;
            border-radius: 20rpx;
        }
        &:not(:last-child) {
            margin-bottom: 40rpx;
        }
    }
}
</style>
